<!doctype html>

<html>

<head>
   	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Task05</title>
    <link rel="stylesheet" href="Task05-styles.css" />
    <script src="Task05.js" type="text/javascript">
  	</script>
</head>

<body>    
    <div class="menuItem leftMenuItem" onMouseOver="leftSubmenuOnMouseOver()" onMouseOut="leftMenuMouseOut()" >
        <span> LEFT </span>
    </div>
    
    <div class="menuItem rightMenuItem" onMouseOver="rightSubmenuOnMouseOver()" onMouseOut="rightMenuMouseOut()" >
        <span> RIGHT </span>
    </div>
    
    <div class="subMenu leftMenuItem" id="leftSubmenu" onMouseOver="leftSubMenuMouseOver()" onMouseOut="leftSubMenuMouseOut()">
   		<ul>
            <li><a href="http://www.google.com/">Google</a></li>
            <li><a href="http://www.google.com/">Google</a></li>
            <li><a href="http://www.google.com/">Google</a></li>
            <li><a href="http://www.google.com/">Google</a></li>
            <li><a href="http://www.google.com/">Google</a></li>
            <li><a href="http://www.google.com/">Google</a></li>
            <li><a href="http://www.google.com/">Google</a></li>
        </ul>
    </div>
    
     <div class="subMenu allButFirstSubmenu rightMenuItem" id="rightSubmenu" onMouseOver="rightSubMenuMouseOver()" onMouseOut="rightSubMenuMouseOut()" >
        <ul>
            <li><a href="http://www.google.com/">Google</a></li>
            <li><a href="http://www.google.com/">Google</a></li>
            <li><a href="http://www.google.com/">Google</a></li>
            <li><a href="http://www.google.com/">Google</a></li>
            <li><a href="http://www.google.com/">Google</a></li>
            <li><a href="http://www.google.com/">Google</a></li>
            <li><a href="http://www.google.com/">Google</a></li>
        </ul>
    </div>
</body>

</html>
